@import "./transition";
@import "./element-plus";
@import "./vxe-ui";
@import "./sidebar";
@import "./dark";
@import "//at.alicdn.com/t/c/font_4617799_l9x8jt1gpwh.css";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */

  /*
  文字最深的颜色（最深）：#242930
文字辅助的颜色（第二深）：#666B71
文字最浅的颜色（最浅）：#9FA6B0

线条颜色：#EAEBEF
   */
  --pure-switch-off-color: #a6a6a6;
  --autata-border-color: #eaebef;
  --autata-border-radius-px: 2px;
  --autata-font-color: #242930;
  --autata-font-gray2-color: #666b71;
  --autata-font-gray-color: #9fa6b0;
  --autata-line-color: #eaebef;
  --autata-striped-bg-color: #f7f8fa;
  --autata-hover-bg-color: #f0f6ff;
  --autata-space-px: 16px;
  --autata-bg-color: #fff;
  --autata-bg-normal-color: #f0f6ff;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.border-arrow {
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #666b71;
  text-align: center;
  cursor: pointer;
  border: 1px solid #eaebef;
  border-radius: 2px;
  transition: all 0.3s;

  &:hover {
    color: #fff;
    background: var(--el-color-primary);
    border-color: var(--el-color-primary);
  }
}

@font-face {
  font-family: DINAlternateBold;
  font-style: normal;
  font-weight: normal;
  src: url("../assets/font/DINAlternateBold.ttf") format("truetype");
}

.el-popover.el-popper.popper-in {
  padding: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.upload-empDocs {
  position: relative;
  width: 25vw;
  height: 160px;
  border-radius: 2px;

  .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    font-size: 24px;
    text-align: center;
    background-color: #00000020;

    &:hover {
      color: #3595fd;
      background-color: #00000040;
    }

    svg {
      display: inline-block;
      margin-top: 50%;
      transform: translateY(-45%);
    }
  }

  &::before {
    position: absolute;
    inset: 0;
    pointer-events: none; /* 确保伪元素不会影响鼠标事件 */
    content: "";
    border: 2px dashed var(--autata-border-color);
    transition: border-color 0.3s ease; /* 平滑过渡边框颜色 */
  }

  &:hover::before {
    border-color: var(--el-color-primary);
  }

  .el-upload {
    width: 100%;
    height: 100%;
    color: var(--el-color-primary);

    .iconfont {
      display: block;
      margin: 0 auto;
      font-size: 24px;
    }
  }
}

.el-button.add-btn {
  @apply w-full h-[46px] text-[--el-color-primary] font-[500] text-[14px] disabled:text-[--autata-font-gray-color];

  &:hover {
    color: var(--el-color-primary);
    background: #f0f6ff;
  }

  .iconfont {
    font-size: 14px;
  }
}
